/* CSS Document */
#admin-tab-container{
	float:left; margin-top:20px;
}
.admin-tab{
	font-size:16px; background-color:white; color:#BBB;
 	text-align:center;
	padding:5px 20px 5px 20px; margin:20px 0px 0px 0px;
	text-transform:uppercase;
	border:1px solid #DDD;
	border-bottom:1px solid white;
	position:relative;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.admin-tab:hover{
	cursor:pointer;
	color:#C60;
	border:1px solid #CCC;
	border-bottom:1px solid white;
}
.current-tab{
	padding:5px 15px 9px 15px;
	color:#C60;
	border:1px solid #CCC;
	border-bottom:1px solid white;
}
.admin-control-container{
    width:960px; float:left;
	border:0px solid #CCC;
	margin-top:8px; padding:0px 0px 20px 0px;
}
		/* MIDDLE CONTENT */
		
#manage-table-container{
	clear:both;
	min-height:600px; height:100%; width:960px; margin:auto; overflow:hidden;
	margin-top:10px; padding:0px 0px 15px 0px;
	border-bottom:5px solid #2b95bc;	
	box-shadow:0px 0px 2px black;
}
h3.manage-type-title{
	font-size:35px; color:white; text-transform:capitalize; font-weight:100; font-style:italic;
	margin:0px 0px 0px 0px; padding:5px 0px 0px 30px; background-color:#2b95bc;
}
h3.manage-type-sub-title{
	font-size:15px; color:white;  font-weight:100; font-style:italic;
	margin:-5px 0px 0px 0px; padding:0px 0px 10px 50px; background-color:#2b95bc;
}

.manage-content{
	margin:0px; padding:0px;
	min-height:400px; height:100%; width:100%; overflow:hidden;
}

.manage-content table{
	width:960px; 
	margin:auto; margin-top:20px;
	border-collapse:collapse;
}
.manage-content table tr:nth-child(odd) {
	background-color:#EEE;
}
/*
.manage-content table tr:nth-child(even) {
	border:1px solid #F90;
}
*/
.manage-content table th{
	text-transform:uppercase;
	font-size:13px; color:#2b95bc;
	padding:10px 0px 10px 0px;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:text-top;
	background-color: white !important;
}
.manage-content-id-th{
	width:50px;
}
.manage-content-username-th{
	width:120px;
}
.manage-content-username2-th{
	width:90px;
}
.manage-content-user-tel-th{
	width:100px;
}
.manage-content-user-tel2-th{
	width:80px;
}
.manage-content-user-add-th{
	width:120px;
}
.manage-content-restaurant-name-th{
	width:150px;
}
.manage-content-restaurant-tel-th{
	width:100px;
}
.manage-content-total-th{
	width:110px;
}
.manage-content-total2-th{
	width:70px;
}
.manage-content-payment-type-th{
	width:80px;
}
.manage-content-status-th{
	width:125px;
}
.manage-content-time-th{
	width:80px;
}
.manage-content-delivery-time-th{
	width:60px;
}
.manage-content-date-th{
	width:60px;
}
.manage-content-note-th{
	width:80px;
}
.manage-content-action-th{
	width:auto;
}

.manage-content table td{
	min-height:70px; font-size:12px;
	vertical-align:text-top;
	/*border-top:1px solid #CCC; border-bottom:1px solid #CCC;*/
	border:1px solid #CCC;
	padding-top:3px; padding-bottom:5px;
}
.manage-content-order-id{
	text-align:left; padding-left:10px;
}
.manage-content-order-username{
	padding-left:10px;
}
.manage-content-order-user-tel{
	padding-left:10px;
}	
.manage-content-order-restaurant-name{
	padding-left:10px; padding-right:5px;
}
.manage-content-order-add{
	padding-left:10px; padding-right:5px;
}
.manage-content-order-restaurant-tel{
	padding-left:10px;
}
.manage-content-order-total{
	text-align:right; padding-right:10px;
}
.manage-content-order-payment-type{
	padding-left:10px;
}
.manage-content-order-status{
	text-align:center;
}
.manage-content-order-status select{
	text-align:center;
}
.manage-content-order-status select:hover{
	cursor:pointer;
	box-shadow:0px 0px 3px 1px #2b95bc;
}
.manage-content-order-time{
	padding-left:10px;
}
.manage-content-order-date{
	padding-left:10px;
}
.manage-content-order-delivery-time{
	padding-left:10px;
}
.manage-content-order-note{
	padding-left:10px; padding-right:5px;
}
.manage-content-order-viewdetail{
	text-align:center;  text-transform:uppercase; font-size:10px !important;
}
.manage-content-order-update{
	text-align:center; text-transform:uppercase; font-size:10px !important;
}

.manage-content-sum-total-title{
	text-align:right; font-size:16; font-weight:600;
	padding-right:20px;
}
.manage-content-sum-total-title:after{
	content:":";
}
.manage-content-sum-quantity{
	text-align:center; font-size:16; font-weight:600;
	padding-right:10px;
}
.manage-content-sum-quantity:after{
	content:" item(s)"
}
.manage-content-sum-total{
	width:200px;
	text-align:right; padding:10px 20px 10px 0px;
	font-size:16px; font-weight:600;
	border-top:3px groove #2b95bc;
}

.save-pdf-btn, .print-btn, .checkout-btn, .back-btn{
	text-align:center; text-transform:uppercase;
	font-size:14px; font-weight:600;
	height:30px; color:#2b95bc; background-color:#DDD; border:none;
	border-radius:4px; float:left;
	margin:20px 0px 10px 20px; padding:0px 15px 0px 15px;
}
.checkout-btn{
	float:right; margin:20px 20px 10px 10px;
	background-color:#2b95bc; color:white;
}
.save-pdf-btn:hover, .print-btn:hover, .checkout-btn:hover, .back-btn:hover{
	cursor:pointer;
	box-shadow:0px 0px 3px 1px #2b95bc;
}

	/* CHECKOUT CONFIRM */
.checkout-confirm-label{
	display: inline-block;
	width:150px; text-align:right; text-transform:uppercase; font-size:12px; font-weight:bold;
	margin:0px 0px 0px 20px;
}
.checkout-confirm-input{
	width:450px; padding:5px; margin:2px 0px 10px 20px; text-align:left;
	border: 1px solid #CCC; border-radius:4px; font-size:12px;
}
.checkout-confirm-input:focus{
	box-shadow:0px 0px 2px #2b95bc;
}
		/* END MIDDLE CONTENT */
		
.checkout-success table{
	border:1px solid #CCC !important;
	padding:5px;
}
.checkout-success-code{
	font-size:18px; text-transform:uppercase;
	color:#2b95bc; font-weight:600;
	padding-left:10px; background-color:#DDD;
	height:40px !important; text-align:center;
}
h3.checkout-success-notice{
	font-size:16px; font-style:italic; color:#2b95bc; font-weight:bold;
	text-align:left;
	margin:20px 10px 30px 30px;
}
.null_transform{
    text-align: center; font-size: 20px; color: red;
}